<%@ taglib prefix="sf" uri="http://www.springframework.org/tags/form" %>
<%--
  Created by IntelliJ IDEA.
  User: 松红
  Date: 2016/12/5
  Time: 22:32
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <title></title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>约战平台</title>
    <meta name="viewport" content="initial-scale=1, maximum-scale=1">
    <link rel="shortcut icon" href="http://favicon.ico">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <!--导入css文件（CDN与本地）-->
    <%--引入sui mobile 框架的css文件--%>
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/member-min.css">
    <link rel="stylesheet" href="<%=request.getContextPath()%>/resources/css/member-ex.css">
    <link rel="stylesheet" href="http://g.alicdn.com/sj/qnui/1.5.1/css/sui.min.css">

</head>
</head>
<body>
<div class="page-group">
    <div class="page page-current">
        <%------------标题栏--------------%>
        <header class="bar bar-nav">
            <h1 class="title">添加球员</h1>
        </header>
        <%------------------页面内容区域开始-------------------%>
        <div class="content">
            <%--构建表单，输入数据到MemberController类中，以便传输到数据库中--%>
            <sf:form method="post" modelAttribute="member" enctype="multipart/form-data" >
            <div class="list-block">


                <ul  class="addmember" style="color: white !important;">
                    <div >


                        <%------------------------输入队员的姓名----------------------%>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-name"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">姓名</div>
                                <div class="item-input">
                                    <sf:input path="memberName" placeholder="*Your Name(必填)"></sf:input>
                                </div>
                            </div>
                        </div>
                    </li>
                        <%---------------------输入队员的年龄-------------------%>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-email"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">年龄</div>
                                <div class="item-input">
                                    <sf:input path="memberAge" placeholder="*Your Age(必填)"></sf:input>
                                </div>
                            </div>
                        </div>
                    </li>
                        <%----------------------输入队员的职位------------------%>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">职位</div>
                                <div class="item-input">
                                    <sf:input path="memberJob" placeholder="*Your Job(必填)"></sf:input>
                                </div>
                            </div>
                        </div>
                    </li>
                        <%-------------------输入队员的性别----------------%>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">性别</div>
                                <div class="item-input">
                                    <sf:input path="memberSex" placeholder="*Your Sex(必填)"></sf:input>
                                </div>
                            </div>
                        </div>
                    </li>
                        <%--------------------输入队员的位置------------------%>
                    <li>
                        <div class="item-content">
                            <div class="item-media"><i class="icon icon-form-password"></i></div>
                            <div class="item-inner">
                                <div class="item-title label">位置</div>
                                <div class="item-input">
                                    <sf:input path="memberFunction" placeholder="*Your Function(必填)"></sf:input></div>
                            </div>
                        </div>
                    </li>
                </div>
                </ul>


                <%---------------------表单结束-------------------%>
                <%-------------------设置完成添加按钮---------------%>
            <div class="content-block">
                <div class="row">
                    <input type="submit" value="完成添加" class="button button-big button-fill button-success"/>
                </div>
            </div>
        </div>
        </sf:form>
    </div>
</div>
</div>

<%--引入sui mobile 框架的js文件--%>
<script type="text/javascript" src="http://g.alicdn.com/sj/lib/jquery/dist/jquery.min.js"></script>
<script type="text/javascript" src="http://g.alicdn.com/sj/qnui/1.5.1/js/sui.min.js"></script>
<script type='text/javascript' src='http://g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
<script type='text/javascript' src='http://g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>


</body>
</html>
